<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>17900934练习二--表格</title>
	<link rel="stylesheet" href="../task1/css/reset.css" />
	<link rel="stylesheet" href="css/task2.css" />
</head>
<body>
	<!-- 179000934 唐国橼 -->
<div class="bg" >
    <div class="tb1"><h1>开始</h1><img src="images/user.jpg" height="40" width="40"/></div>
    <div class="table">
		<!-- 总表格部分开始 -->
        <div class="t1" >
            <table class="table1">
				<!-- 左部分开始 -->
        <tr>
            <td><img src="images/tab1.jpg" /></td>
            <td><img src="images/tab2.jpg" /></td>
            <td colspan="2"><img src="images/btab1.jpg" /></td>

        </tr>
        <tr>
            <td><img src="images/tab4.jpg" /></td>
            <td><img src="images/tab3.jpg" /></td>
            <td colspan="2"><img src="images/btab2.jpg" /></td>

        </tr>
        <tr>
            <td><img src="images/tab5.jpg" /></td>
            <td><img src="images/tab6.jpg" /></td>
            <td colspan="2"><img src="images/btab3.jpg" /></td>

        </tr>
        <tr>
            <td><img src="images/tab8.jpg" /></td>
            <td><img src="images/tab7.jpg" /></td>
            <td colspan="2"><img src="images/btab4.jpg" /></td>

        </tr>
        <tr>
            <td colspan="2"><img src="images/btab5.jpg" /></td>
            <td><img src="images/tab9.jpg" /></td>
            <td><img src="images/tab10.jpg" /></td>

        </tr>
    </table>
        </div>
        <div class="t2">
            <table class="table2">
				<!-- 右部分开始 -->
        <tr>
            <td colspan="2"><img src="images/btab6.jpg" /></td>
            <td><img src="images/tab11.jpg" /></td>
            <td><img src="images/tab12.jpg" /></td>
            <td><img src="images/tab13.jpg" /></td>
        </tr>
        <tr>
            <td><img src="images/tab14.jpg" /></td>
            <td><img src="images/tab15.jpg" /></td>
            <td colspan="2"><img src="images/btab7.jpg" /></td>
            <td></td>
        </tr>
        <tr>
            <td><img src="images/tab16.jpg" /></td>
            <td><img src="images/tab17.jpg" /></td>
            <td><img src="images/tab18.jpg" /></td>
            <td><img src="images/tab19.jpg" /></td>
            <td></td>
        </tr>
        <tr>
            <td colspan="2"><img src="images/btab8.jpg" /></td>
            <td colspan="2"><img src="images/btab9.jpg" /></td>
            <td></td>
        </tr>
        <tr>
            <td><img src="images/tab20.jpg" /></td>
            <td><img src="images/tab21.jpg" /></td>
            <td><img src="images/tab22.jpg" /></td>
            <td><img src="images/tab23.jpg" /></td>
            <td></td>
        </tr>
    </table>
        </div>
    </div>
</div>
</body>
</html>